﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Scripts.Render("~/scripts/common")
    @Html.KendoUI()
    @Html.Using("ribbon/ribbon.js", "scripts/common.js", "styles/common.css", "ribbon/ribbon.css")
    <!--[if ie]><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><![endif]-->
    <!--[if lte IE 8]><script>(function(){var element = "header,section,article,nav,aside,hgroup,figure,figcaption,footer,mark".split( ',' ), l = element.length;while ( l > 0 ){l = l - 1; document.createElement( element[l] );}} )();</script><![endif]-->
    @RenderSection("head", false)
</head>
<body>
    <header class="fixed-top">
        <ul class="ribbon">
            <li>
                <ul class="orb">
                    <li><a href="javascript:void(0);" accesskey="1" class="orbButton">&nbsp;</a><span>菜单</span>
                        <ul>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_doc.png" alt="系统设置" /><span>系统设置</span></a> </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_open.png" alt="文件管理" /><span>文件管理</span></a> </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_save.png" alt="Save" /><span>页面管理</span></a> </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_saveas.png" alt="Save as" /><span>内容管理</span></a>
                                <ul>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_richtext.png" alt="Rich Text" /><span>Rich Text document</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_ooxml.png" alt="OOXML" /><span>Office Open XML document</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_ooxml.png" alt="Open Document" /><span>OpenDocument text</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_plaintext.png" alt="Plain text" /><span>Plain text document</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_otherformats.png" alt="Other formats" /><span>Other formats</span></a>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_print.png" alt="Print" /><span>Print</span></a>
                                <ul>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_print.png" alt="Print" /><span>Print</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_quickprint.png" alt="Quick print" /><span>Quick print</span></a>
                                    </li>
                                    <li><a href="#">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_printpreview.png" alt="Print preview" /><span>Print preview</span></a>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_pagesetup.png" alt="Page setup" /><span>Page setup</span></a>
                            </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_sendemail.png" alt="Send in e-mail" /><span>Send in e-mail</span></a>
                            </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_about.png" alt="About" /><span>About</span></a>
                            </li>
                            <li><a href="#">
                                <img src="~/app_areas/backend/ribbon/images/icons/icon_exit.png" alt="Exit" /><span>Exit</span></a> </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <ul class="menu">
                    <li><a href="#home" accesskey="2">系统设置</a>
                        <ul>
                            <li>
                                <h2>
                                    <span>剪切板</span></h2>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_paste.png" alt="Paste" />
                                    黏贴
                                </div>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_cut.png" alt="Cut" />
                                        剪切
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_copy.png" alt="Copy" />
                                        拷贝
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h2>
                                    <span>插入</span></h2>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_datetime.png" alt="Date and time" />
                                    时间
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_picture.png" alt="Picture" />
                                    图片
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_paint.png" alt="Paint" />
                                    打印图片
                                </div>
                            </li>
                            <li>
                                <h2>
                                    <span>Editing</span></h2>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_find.png" alt="Find" />
                                        Find
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_replace.png" alt="Replace" />
                                        Replace
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_selectall.png" alt="Select all" />
                                        Select all
                                    </div>
                                </div>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_find.png" alt="Find" />
                                        Find
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_replace.png" alt="Replace" />
                                        Replace
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_selectall.png" alt="Select all" />
                                        Select all
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h2>
                                    Theme</h2>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_theme.png" alt="Theme" />
                                        Ribbon theme
                                        <ul class="ribbon-theme">
                                            <li class="ribbon-windows7">Windows 7</li>
                                            <li class="ribbon-simple">Simple</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#view" accesskey="3">内容管理</a>
                        <ul>
                            <li>
                                <h2>
                                    Zoom</h2>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoomin.png" alt="Zoom in" />
                                    Zoom in
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoomout.png" alt="Zoom out" />
                                    Zoom out
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoom100.png" alt="Zoom" />
                                    100%
                                </div>
                            </li>
                            <li>
                                <h2>
                                    Show or hide</h2>
                                <div class="ribbon-list">
                                    <div>
                                        <input type="checkbox" id="chkbox1" />
                                        <label accesskey="r" for="chkbox1">
                                            Ruler</label>
                                    </div>
                                    <div>
                                        <input type="checkbox" id="chkbox2" />
                                        <label accesskey="s" for="chkbox2">
                                            Status bar</label>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h2>
                                    Settings</h2>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_wordwrap.png" alt="Word wrap" />
                                        Word wrap
                                        <ul>
                                            <li>No wrap</li>
                                            <li>Wrap to window</li>
                                            <li>Wrap to ruler</li>
                                        </ul>
                                    </div>
                                    <div style="clear:both;">
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_measurement.png" alt="Measurement" />
                                        Measurement Units
                                        <ul>
                                            <li>Inches</li>
                                            <li>Centimeters</li>
                                            <li>Points</li>
                                            <li>Picas</li>
                                        </ul>
                                    </div>
                                    <div style="clear:both;">
                                        <input type="checkbox" id="Checkbox3" />
                                        <label accesskey="s" for="chkbox2">
                                            Status bar</label>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#view1" accesskey="3">页面管理</a>
                        <ul>
                            <li>
                                <h2>
                                    Zoom</h2>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoomin.png" alt="Zoom in" />
                                    Zoom in
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoomout.png" alt="Zoom out" />
                                    Zoom out
                                </div>
                                <div>
                                    <img src="~/app_areas/backend/ribbon/images/icons/icon_zoom100.png" alt="Zoom" />
                                    100%
                                </div>
                            </li>
                            <li>
                                <h2>
                                    Show or hide</h2>
                                <div class="ribbon-list">
                                    <div>
                                        <input type="checkbox" id="Checkbox1" />
                                        <label accesskey="r" for="chkbox1">
                                            Ruler</label>
                                    </div>
                                    <div>
                                        <input type="checkbox" id="Checkbox2" />
                                        <label accesskey="s" for="chkbox2">
                                            Status bar</label>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h2>
                                    Settings</h2>
                                <div class="ribbon-list">
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_wordwrap.png" alt="Word wrap" />
                                        Word wrap
                                        <ul>
                                            <li>No wrap</li>
                                            <li>Wrap to window</li>
                                            <li>Wrap to ruler</li>
                                        </ul>
                                    </div>
                                    <div>
                                        <img src="~/app_areas/backend/ribbon/images/icons/icon_small_measurement.png" alt="Measurement" />
                                        Measurement Units
                                        <ul>
                                            <li>Inches</li>
                                            <li>Centimeters</li>
                                            <li>Points</li>
                                            <li>Picas</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </header>
    <script type="text/javascript">
        $().Ribbon();
    </script>
    <div class="main">
        <div class="content">
            <div class="left">
                <div class="menu-item">
                    <h3>我的操作</h3>
                    <ul>
                        <li><a class="icon" href="#"><span>菜单一</span></a></li>
                        <li><a class="icon" href="#"><span>菜单二</span></a></li>
                        <li><a class="icon" href="#"><span>菜单三</span></a></li>
                        <li><a class="icon" href="#"><span>菜单四</span></a></li>
                        <li><a class="icon" href="#"><span>菜单五</span></a></li>
                        <li><a class="icon" href="#"><span>菜单六</span></a></li>
                    </ul>
                </div>
                <div class="menu-item">
                    <h3>我的操作一</h3>
                    <ul class="hide">
                        <li><a class="icon" href="#"><span>1菜单一</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单二</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单三</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单四</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单五</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单六</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单一</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单二</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单三</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单四</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单五</span></a></li>
                        <li><a class="icon" href="#"><span>1菜单六</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="right">
                <div id="main-container">
                <div class="notewrapper">
                    <div class="note">
                        警告，消息！<a href="#"><span>添加</span></a><a href="#"><span>删除</span></a>
                    </div>
                </div>
                    @RenderBody()
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />v
                    <br />
                </div>
            </div>
        </div>
    </div>
    <footer class="fixed-bottom"></footer>
</body>
</html>
